import React, { memo } from "react";
import { Toast, NavBar } from "react-vant";
import { useNavigate } from "react-router";
import { Tabs } from "antd-mobile";
import { Empty, Button } from "react-vant";
const Index: React.FC = memo(() => {
  // 页面监听自适应

  const navigate = useNavigate();
  return (
    <div>
      <NavBar
        title="我的医生"
        leftText="返回"
        rightText="按钮"
        onClickLeft={() => navigate(-1)}
        onClickRight={() => Toast("按钮")}
      />
      <Tabs>
        <Tabs.Tab title="咨询过" key="fruits">
          <Empty description="暂无医生">
            <span>咨询过的医生将显示在这里</span>
            <br />
            <Button
              onClick={() => {
                navigate("/look");
              }}
              style={{ width: 160, background: "green", color: "#fff" }}
              type="primary"
            >
              去找医生
            </Button>
          </Empty>
        </Tabs.Tab>
        <Tabs.Tab title="已关注" key="vegetables">
          <Empty description="暂无医生">
            <span>关注过的医生将显示在这里</span>
            <br />
            <Button
              onClick={() => {
                navigate("/look");
              }}
              style={{ width: 160, background: "green", color: "#fff" }}
              type="primary"
            >
              去找医生
            </Button>
          </Empty>
        </Tabs.Tab>
      </Tabs>
    </div>
  );
});

export default Index;
